import { Badge } from 'antd';

import { useCustomBadgeStyles } from './useCustomBadgeStyles.tsx';

import type { BadgeProps } from 'antd/es/badge';
import type { FC } from 'react';

export const CustomBadge: FC<BadgeProps> = ({ children, ...props }) => {
    const { styles } = useCustomBadgeStyles();

    return (
        <Badge {...props} className={styles.badge} >
            {children}
        </Badge>
    );
};
